{ {{{lc}}} && `Edit {{{ucf}}} ${ {{~lc}}['@id'] }` }

import { GetStaticPaths, GetStaticProps, NextComponentType, NextPageContext } from "next"; import DefaultErrorPage from "next/error"; import Head from "next/head"; import { useRouter } from "next/router"; import { dehydrate, QueryClient, useQuery } from "react-query"; import { Form } from "../../../components/{{{lc}}}/Form"; import { PagedCollection } from "../../../types/collection"; import { {{{ucf}}} } from "../../../types/{{{ucf}}}"; import { fetch, FetchResponse, getPaths } from "../../../utils/dataAccess"; const get{{{ucf}}} = async (id: string|string[]|undefined) => id ? await fetch<{{{ucf}}}>(`/{{{name}}}/${id}`) : Promise.resolve(undefined); const Page: NextComponentType = () => { const router = useRouter(); const { id } = router.query; const { data: { data: {{lc}} } = {} } = useQuery | undefined>(['{{{lc}}}', id], () => get{{{ucf}}}(id)); if (!{{{lc}}}) { return ; } return (

); }; export const getStaticProps: GetStaticProps = async ({ params: { id } = {} }) => { if (!id) throw new Error('id not in query param'); const queryClient = new QueryClient(); await queryClient.prefetchQuery(["{{{lc}}}", id], () => get{{{ucf}}}(id)); return { props: { dehydratedState: dehydrate(queryClient), }, revalidate: 1, }; }; export const getStaticPaths: GetStaticPaths = async () => { const response = await fetch>("/{{{name}}}"); const paths = await getPaths(response, "{{{name}}}", '/{{{lc}}}s/[id]/edit'); return { paths, fallback: true, }; } export default Page;